<template>
  <el-dialog :modelValue="visiable" width="500" title="编辑" @closed="emit('closed')">
    <el-form :model="selectAcross" label-width="100px" :inline="false" v-if="selectAcross">
      <el-form-item label="区段名称">
        <el-input v-model="selectAcross.btName" disabled>
          <template #append>
            <Clue theme="outline" size="16" fill="#2980b9" />
          </template>
        </el-input>
      </el-form-item>
      <el-form-item label="控制点名称">
        <el-input v-model="selectAcross.acrossName">
          <template #append>
            <LocalTwo theme="outline" size="16" fill="#2980b9" />
          </template>
        </el-input>
      </el-form-item>
      <el-form-item label="X坐标">
        <el-input v-model="selectAcross.acrossX">
          <template #append>
            <Ruler theme="outline" size="16" fill="#2980b9" />
          </template>
        </el-input>
      </el-form-item>
      <el-form-item label="Y坐标">
        <el-input v-model="selectAcross.acrossY">
          <template #append>
            <Ruler theme="outline" size="16" fill="#2980b9" />
          </template>
        </el-input>
      </el-form-item>
      <el-form-item label="控制高度">
        <el-input v-model="selectAcross.controlHeight">
          <template #append>
            <Ruler theme="outline" size="16" fill="#2980b9" />
          </template>
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">修改</el-button>
        <el-button @click="emit('closed')">取消</el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<script setup lang="ts">
import { acrossModel } from '@/types/model'
import { Clue, LocalTwo, Ruler } from '@icon-park/vue-next'

defineProps<{
  visiable: boolean
  selectAcross?: acrossModel
}>()

const emit = defineEmits(['closed'])

const onSubmit = () => {}
</script>
